<ion-view id="product-detail" view-title="产品详情" class="p-gray-bg">
    <ion-nav-bar class="bar-energized">
        <ion-nav-back-button>
        </ion-nav-back-button>
        <!--<ion-nav-buttons side="right">-->
            <!--<a class="button button-small button-icon ion-android-cart" href="#/tab/buy-product/mine01">我要投资</a>-->
        <!--</ion-nav-buttons>-->
    </ion-nav-bar>
    <!--<ion-content id="detail-content">-->
        <!--<ion-scroll zooming="true" direction="xy" style="width: 100%; height: 100%">-->
            <!--<iframe class="product-detail-iframe" width="100%" align="center" height="100%" id="product-detail-iframe"-->
                    <!--name="product-detail-iframe" frameborder="0" src=""></iframe>-->
        <!--</ion-scroll>-->
    <!--</ion-content>-->

    <div id="the-image-id" class="elastic-image assertive-bg" style="background-image: url('')">
        <div class="elastic-image-center">
            <div class="small-light-font" ng-show="productType==1"><b>年化利率</b></div>
            <div class="small-light-font" ng-show="productType==2"><b>预期收益率</b></div>
            <div class="big-light-font" ng-show="productType==1"><b>{{product.PlanEarning}}%</b></div>
            <div class="big-light-font" ng-show="productType==2"><b>{{product.Earnings}}%</b></div>
        </div>
        <div class="elastic-image-bottom">
            <div class="divide-by-2">
                <div class="divide-by-2-left" ng-show="productType==1">
                    投资总额 <b class="light-font">{{product.InvestSurplus/10000}}</b> 万
                </div>
                <div class="divide-by-2-left" ng-show="productType==2">
                    起投额 <b class="light-font">{{product.SalesAccount/10000}}</b>万
                </div>
                <div class="divide-by-2-right" ng-show="productType==1">
                    投资天数 <b class="light-font">{{product.InvestEndDate.replace('天','')}}</b> 天
                </div>
                <div class="divide-by-2-right" ng-show="productType==2">
                    投资天数 <b class="light-font">{{product.FundingCount}}</b> 天
                </div>
            </div>

        </div>
    </div>

    <ion-content elastic-image="the-image-id" class="padding">
        <div class="the-content">
            <div class="list">
                <label class="item item-icon-right">
                    <span>项目名称</span>
                    <span class="item-note" ng-show="productType==1">
                      {{product.ProductName}}
                    </span>
                    <span class="item-note" ng-show="productType==2">
                      {{product.ProjectName}}
                    </span>
                </label>
                <label class="item item-icon-right">
                    <span>项目标签</span>
                    <span class="item-note" ng-show="productType==1">
                      {{product.ProductCategory}}
                    </span>
                    <span class="item-note" ng-show="productType==2">
                      {{product.NewLabel}}
                    </span>
                </label>
                <label class="item item-icon-right">
                    <span>项目平台</span>
                    <span class="item-note" ng-show="productType==1">
                      {{product.ProductFrom}}
                    </span>
                    <span class="item-note" ng-show="productType==2">
                      {{product.ProjectPlatform}}
                    </span>
                </label>
                <label class="item item-icon-right" ng-show="productType==1">
                    <span>起售金额</span>
                    <span class="item-note">{{product.InvestStartMoney}}元</span>
                </label>
                <label class="item item-icon-right" >
                    <span>起息日</span>
                    <span class="item-note" ng-show="productType==2">{{product.BeginDate| limitTo:10}}</span>
                    <span class="item-note" ng-show="productType==1">{{product.StartAccrualDate| limitTo:10}}</span>
                </label>
                <label class="item item-icon-right" >
                    <span>结息日</span>
                    <span class="item-note" ng-show="productType==2">{{product.EndDate| limitTo:10}}</span>
                    <span class="item-note" ng-show="productType==1">{{product.EndAccrualDate| limitTo:10}}</span>
                </label>
                <label class="item item-icon-right" ng-show="productType==2">
                    <span >是否保本</span>
                    <span class="item-note" ng-show="productType==1">{{product.IsSafe}}</span>
                    <span class="item-note" ng-show="productType==2">{{product.IsPreservation?"是":"否"}}</span>
                </label>
                <div class="item stable-bg" ng-show="productType==1">
                    <h2>产品详情介绍</h2>
                </div>
                <div class="item item-text-wrap" ng-show="productType==1">
                    {{product.ProductContent}}
                </div>
            </div>
        </div>

    </ion-content>

    <ion-footer-bar class="footer-bar-wrap bar-assertive">
        <button class="button button-full button-clear" ng-click="gotoBuyProduct(productId,productType)">立即购买</button>
    </ion-footer-bar>
</ion-view>